jQuery(document).ready(function($) {
    // insert slider======================
    setTimeout(function() {
        $('ul.crawler').append('<div id="top-menu-slider"></div>');        
        if($('ul.crawler > li').hasClass('current-menu-item')) {
            var left = $('ul.crawler li.current-menu-item').position().left;
        	var width = $('ul.crawler li.current-menu-item').width();
            $('#top-menu-slider').css({'left' : left, 'width' : width});    
        } else if($('ul.crawler > li').hasClass('current-menu-parent')) {
            var left = $('ul.crawler > li.current-menu-parent').position().left;
        	var width = $('ul.crawler > li.current-menu-parent').width();
            $('#top-menu-slider').css({'left' : left, 'width' : width});
        } else {
            var left = $('ul.crawler li:first-child').position().left;
        	var width = $('ul.crawler li:first-child').width();
            $('#top-menu-slider').css({'left' : left, 'width' : width});
        }
    }, 1500);
    
	// initially reset
    $(window).on('resize', function() {
        if($('ul.crawler > li').hasClass('current-menu-item')) {
            var left = $('ul.crawler > li.current-menu-item').position().left;
        	var width = $('ul.crawler > li.current-menu-item').width();
            $('#top-menu-slider').css({'left' : left, 'width' : width});    
        } else if($('ul.crawler > li').hasClass('current-menu-parent')) {
            var left = $('ul.crawler > li.current-menu-parent').position().left;
        	var width = $('ul.crawler > li.current-menu-parent').width();
            $('#top-menu-slider').css({'left' : left, 'width' : width});
        } else {
            var left = $('ul.crawler li:first-child').position().left;
        	var width = $('ul.crawler li:first-child').width();
            $('#top-menu-slider').css({'left' : left, 'width' : width});
        }        
    });

	// sliding
	$('ul.crawler li a').hover(function(){
	    if(window.IS_MOBILE != true) {
            if($(this).parents('ul').hasClass('sub-menu')) {
                var left = $(this).parents('.sub-menu').parent('li').position().left;
                var width = $(this).parents('.sub-menu').parent('li').width();
            } else {
                var left = $(this).parent().position().left;
                var width = $(this).parent().width();
            }
            
            $('#top-menu-slider').stop().animate({
    			'left' : left,
    			'width' : width
    		}).css('overflow', 'visible');
            return false;
        } else {
            return false;
        }
	}, function() { //back to current item
        if(window.IS_MOBILE != true) {
            if($('ul.crawler > li').hasClass('current-menu-item')) {
                var left = $('ul.crawler li.current-menu-item').position().left;
        		var width = $('ul.crawler li.current-menu-item').width();	
            } else if($('ul.crawler > li').hasClass('current-menu-parent')) {
                var left = $('ul.crawler > li.current-menu-parent').position().left;
        		var width = $('ul.crawler > li.current-menu-parent').width();
            }
            
            $('#top-menu-slider').stop().animate({
    			'left' : left,
    			'width' : width
    		}).css('overflow', 'visible');
        return false;
        } else {
            return false;
        }
	});
    
    setInterval(function() {
        $('.portfolio-item').addClass('trans');
        $('a[rel*="lightbox-0"]').swipebox({
			useCSS: true,
			hideBarsDelay: 5000,
			videoMaxWidth: 1080
		});
    }, 1500);
    
    $('.mobile-toggle').on('click', function() {
        $(this).toggleClass('act');
        $('.mobile-menu-wrapper').toggleClass('act');
    })
    
    $(".right #aritist").click(function(e){
        e.preventDefault();
        $.scrollTo( '.career-page .middle-content', 1500);
    });
    
    // video
    if(window.IS_MOBILE){
        var video_home = $('.video-wrapper .video-js').attr('id');
        var vid = videojs(video_home); 
        vid.on("ended", function()
            { 
                vid.controlBar.show(); //shows your controls//
                vid.bigPlayButton.hide(); //hides your play button//
            });  
        vid.on("play", function()  //function to play the video again//
            {  
                vid.controlBar.show(); //shows your controls//
                vid.bigPlayButton.hide(); //hides your play button//
            });
    }
});